<?
session_start();

$_SESSION['usuario'] = 'marcos';

$usuario = $_SESSION['usuario'];

include ('includes/FuncionesVentas.php');
include ('includes/Funciones.php');
$conexion = mysql_connect("localhost","root","") or DIE ("no se conecto");
$base = mysql_select_db("dbaggiornodeco",$conexion);
$sql = "select * from dbclientes";
$ServiciosHTML = new ServiciosHTML();
$datos = mysql_query($sql,$conexion);

?>


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv='refresh' content='1000' />
<meta name='title' content='Aggiorno Deco' />
<meta name='description' content='Diseño de interiores Aggiorno Deco' />
<meta name='keywords' content='Diseño de interiores' />
<meta name='distribution' content='Global' />
<meta name='language' content='es' />
<meta name='identifier-url' content='http://www.aggiornodeco.com.ar' />
<meta name='rating' content='General' />
<meta name='reply-to' content='' />
<meta name='author' content='Webmasters' />
<meta http-equiv='Pragma' content='no-cache/cache' />
<meta http-equiv='Cache-Control' content='no-cache' />
<meta name='robots' content='all' />
<meta name='revisit-after' content='7 day' />



<title>Sistema de Ventas AggiornoDeco - Agregar Cliente</title>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.js" type="text/javascript"></script>

<script type="text/javascript" src="js/jquery.positionBy.js"></script>
<script type="text/javascript" src="js/jquery.jdMenu.js"></script>
<link href='css/estilo1.css' rel='stylesheet' type='text/css' />
<link href='css/violet.css' rel='stylesheet' type='text/css' />
<link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.17.custom.css">
<link title="win2k-cold-1" href="css/calendar-green.css" media="all" type="text/css" rel="stylesheet">
<script src="js/calendar.js" type="text/javascript"></script>
<script src="js/calendar-es.js" type="text/javascript"></script>
<script src="js/calendar-setup.js" type="text/javascript"></script>
<!--<script src="js/alert.js" type="text/javascript"></script>
-->
<script>

function permite(elEvento, permitidos) {
// Variables que definen los caracteres permitidos

var numeros = "0123456789.";
var numeros2 = "0123456789";
var caracteres = "abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ /()@_-";
var numeros_caracteres = numeros + caracteres;
// Seleccionar los caracteres a partir del parámetro de la función
switch(permitidos) {
case 'num':
permitidos = numeros;
break;
case 'num2':
permitidos = numeros2;
break;
case 'car':
permitidos = caracteres;
break;
case 'num_car':
permitidos = numeros_caracteres;
break;
}
// Obtener la tecla pulsada
var evento = elEvento || window.event;
var codigoCaracter = evento.charCode || evento.keyCode;
var caracter = String.fromCharCode(codigoCaracter);
// Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
return permitidos.indexOf(caracter) != -1;
}

</script>

<script>
$(function() {
$( "#datepicker" ).datepicker();
$('#datepicker').datepicker('option', {dateFormat: 'dd/mm/yy'});

});
</script>

<script type="text/javascript">




		$(function(){
			
			function existe(campo,tabla,where) {
			$.ajax({
										data:  {campo: campo,
												tabla: tabla,
												where: where,
												accion: 'existe'},
										url:   'ajax/ajax.php',
										type:  'post',
										beforeSend: function () {
												$("#errornrocliente").val("Procesando, espere por favor...");
										},
										success:  function (response) {
												if (response == 1) {
													$("#errornrocliente").html('* El numero de cliente ya existe, modifiquelo.');
													$("#nrocliente").val('');
													$("#nrocliente").focus();
												} else {
													$("#errornrocliente").css({'color':'#79b31d'});
													$("#errornrocliente").html('Número de cliente válido');
												}
										}
								});	
			
			
		}
		
		$("#nrocliente").click(function() {
			$("#errornrocliente").html('*');
		});

		$('#nrocliente').change(function() {
			existe($("#nrocliente").val(),'dbclientes','nrocliente');
		});

		function valida() {
			var bandera = false;
			var cad = '';
		if ($('#nrocliente').val() == '') {
			bandera = true;
			$('#nrocliente').css({'background-color':'#f40'});
			cad = 'Debe ingresar un nrocliente \n';
		} 
		
		if ($('#apellido').val() == '') {
			bandera = true;
			$('#apellido').css({'background-color':'#f40'});
			cad += 'Debe ingresar el apellido \n';
		} 
		
		if ($('#nombre').val() == '') {
			bandera = true;
			$('#nombre').css({'background-color':'#f40'});
			cad += 'Debe ingresarle el nombre \n';
		} 
		
		if ($('#preciocompra').val() == '') {
			bandera = true;
			$('#preciocompra').css({'background-color':'#f40'});
			cad += 'Debe ingresarle el precio de compra \n';
		} 

		if ($('#email').val() == '') {
			bandera = true;
			$('#email').css({'background-color':'#f40'});
			cad += 'Debe ingresar el email \n';
		} 
		if (bandera == true) {
			alert(cad);	
		}
		
		return bandera;	
			
		}



		$('#agregar').click(function() {
		
			if (valida() == false) {
					$.ajax({
										data:  {nrocliente: $("#nrocliente").val(),
												apellido: $("#apellido").val(),
												nombre: $("#nombre").val(),
												email: $("#email").val(),
												telefono: $("#telefono").val(),
												fechanacimiento: $("#fecha").val(),
												accion: 'insertarCliente'},
										url:   'ajax/ajax.php',
										type:  'post',
										beforeSend: function () {
												$("#errornrocliente").val("Procesando, espere por favor...");
										},
										success:  function (response) {
												
													$("#nrocliente").focus();
												
										}
								});	
			
			
			}
		
		});
		
		
		$( "#dialog-message" ).dialog({
					autoOpen: false,
					show: {
					effect: "blind",
					duration: 1000
					},
					hide: {
					effect: "explode",
					duration: 1000
					},
					modal: true,
					buttons: {
					Ok: function() {
						$( this ).dialog( "close" );
						//$("#fechavigencia").html("Fecha de reserva cargada: " + $("#datepicker").val());
									
							if ($("#datepicker").val() == '') {
								
								alert("Debe ingresar un vigencia","Error!");	
							} else {
								//alert(new Date ($("#datepicker").val()));
								//alert(displayDate);
								
								if ($('#idclienteR').val() == '') {
									if (ValidarReserva() == false) {
										var myDate = new Date();
										var displayDate = (myDate.getDate()) + '/' + (myDate.getMonth()) + '/' + myDate.getFullYear();
										
										if ($("#datepicker").val() > displayDate)
										{
											$("#fechavigencia").html("Fecha de reserva cargada: " + $("#datepicker").val());
											alert("Se cargo la reserva","Perfecto!");
											$("#cargas").fadeToggle(600);
											$("#resultados").show(300);
										} else {
											alert("La fecha de vigencia no puede ser menor o igual a la actual","Error!");
										}//fin del validar
									}
								} else {
											alert("El cliente ya posee una reserva","Error!");
									
								}//fin del if reserva
							}//fin del datepicker
						} // fin ok
					} //fin botton
			  }); //fin del dialog
			  
			  
			  
});
</script>

</head>
<body>
<div id="cabecera">
<div id="menu">
<ul class="jd_menu jd_menu_slate">
<? echo $ServiciosHTML->menu(); ?>
</ul>
</div>
</div>


<div class="content">

<div align="center">
<form name="form1" id="form1" method="post">
		<table width="750" cellpadding="0" cellspacing="0" class="violet">
            <caption>Clientes</caption>
            <thead>
                <tr>
                    <td align="left" colspan="2">
                    <font color="#FF0000">Campos Obligatorios (*)</font>
                    </td>
                </tr>
            
            </thead>
            <tbody>
                <tr>
                	<th>NroCliente</th>
                	<td><input id="nrocliente" type="text" name="nrocliente" size="6" maxlength="6"><div id="errornrocliente" style="color:#F00;">*</div></td>
                    
                </tr>
                
                <tr>
                	<th>Apellido</th>
                	<td><input id="nombre" type="text" name="nrocliente" size="60"><div id="errorapellido" style="color:#F00;">*</div></td>
                    
                </tr>
                
                <tr>
                	<th>Nombre</th>
                	<td><input id="apellido" type="text" name="nrocliente" size="60"><div id="errornombre" style="color:#F00;">*</div></td>
                    <font color="#FF0000">*</font>
                </tr>
                
                <tr>
                	<th>E-Mail</th>
                	<td><input id="email" type="text" name="nrocliente" size="40"><div id="erroremail" style="color:#F00;">*</div></td>
                </tr>
                
                <tr>
                	<th>Teléfono</th>
                	<td><input id="telefono" type="text" name="nrocliente" size="20"></td>
                </tr>
                
                <tr>
                    <th>Fecha Cumpleaños</th>
                    <td>
                    <input id="fecha" type="text" style="color: #C09; width:100px;" readonly="readonly" name="fecha" value="<? echo date('Y-m-d'); ?>">
                    <img id="selector" src="imagenes/calendario.gif">
                    </td>
                </tr>
                
                <tr align="center">
                    <td colspan="2">
                    <input class="btnAgregar" type="button" value="" name="agregar" id="agregar">
                    <input class="btnLimpiar" type="button" value="Limpiar" name="limpiar" id="limpiar">
                    </td>
                </tr>
            </tbody>

        </table>
        <script type="text/javascript">
            window.onload = function() {
            Calendar.setup({
            inputField: "fecha",
            ifFormat: "%Y-%m-%d",
            button: "selector"
            });
            }
            </script>
</form>
<br />
<br />
    <div id="datosconsultados">
        <table width="750" cellpadding="0" cellspacing="0" class="violet bordes1">
            <caption>Clientes Cargados</caption>
            <thead>
                <tr>
                <th>NroCliente</th>
                <th>Cliente</th>
                <th>E-Mail</th>
                <th>Teléfono</th>
                <th>Modificar</th>
                <th>Eliminar</th>
                </tr>
            </thead>
            <tbody>
            
				<?
                $cant=0;
                while ($row = mysql_fetch_array($datos))
                {
                $cant++;
                ?>
                <tr>
                <td><? echo $row[3]; ?></td>
                <td><? echo $row[1]." ".$row[2]; ?></td>
                <td><? echo $row[5]; ?></td>
                <td><? echo $row[6]; ?></td>
                <td class="centro">
                <input type='button' class='btnEditar' id='editar' name='editar' value=''>
			    
                <input type="hidden" id="idcliente" value="<? echo $row[0]; ?>" />
                </td>
                
                <td class="centro"><input type='button' class='btnBorrar' id='editar' name='editar' value=''></td>
                </tr>
                <? 
                }
                ?>
            </tbody>
        
        </table>
    </div><!--fin datos consultados-->
</div><!--fin del center-->
<br />
<br />
<div id="dialog-message" title="Ingrese la vigencia">
            <p>Fecha: <input type="text" id="datepicker" /></p>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div><!--fin del content-->
<footer>Aggiorno Deco - Copyright 2011. Diseño y Programación Web: Saupurein Marcos, Tel:(0221)156184415</footer>
</body>
</html>
